<template>
	<div class="promotion-wp">
		<van-nav-bar :border="false" :placeholder="true" :fixed="true" title="Ưu đãi"></van-nav-bar>
		<div class="promotion-list">
			<div class="promotion" @click="url('/discountDetails')">
				<img alt="" src="../../assets/images/dis1.jpg" lazy="loaded">
				<div class="new-flag"></div>
				<div class="new-flag-txt">Hot</div>
				<div class="promotion-info-wp">
					<div class="title">.</div>
					<div class="time">2021-11-03 00:00:00 - 2022-11-02 00:00:00</div>
					<div class="subtitle">.</div>
				</div>
			</div>
			<div class="promotion" @click="url('/discountDetails')"><img alt="" src="../../assets/images/dis2.jpg" lazy="loaded">
				<div class="new-flag"></div>
				<div class="new-flag-txt">Hot</div>
				<div class="promotion-info-wp">
					<div class="title">3 LẦN NẠP ĐẦU TIÊN</div>
					<div class="time">2021-11-03 00:00:00 - 2022-11-02 00:00:00</div>
					<div class="subtitle">.</div>
				</div>
			</div>
		</div>
		<Foot :active="3"></Foot>
	</div>
</template>

<script>
	import Foot from "@/components/Foot.vue";
	export default {
		components: {
			Foot
		},
		data() {
			return {}
		},
		methods: {
			url(url) {
				this.$router.push({
					path: url
				})
			},
		}
	}
</script>
<style>
</style>
